<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>制作说明 | 南陵县“天工杯”商务网页设计比赛参赛作品</title>
  <meta name="keywords" content="美好乡村 板石岭">
  <meta name="description" content="美好乡村 板石岭">
  <link rel="stylesheet" type="text/css" href="css/2016.css">
  <script type="text/javascript" src="js/jquery.min.js"></script>
  <script type="text/javascript" src="js/lubotu.js"></script>
  <script type="text/javascript" src="js/BreakingNews.js"></script>
</head>
<body>
<!-- 头部开始 -->
<div class="header">
  <div class="menu">
    <div class="logo"><a href="index.html">美好乡村 板石岭</a></div>
    <div class="nav">
      <ul>
        <li class="on"><a href="index.html" target="_self">首页</a></li>
        <li><a href="about.html"  target="_self">走进板石岭</a></li>
        <li><a href="news.html"  target="_self">旅游动态</a></li>
        <li><a href="product.html"  target="_self">特产特色</a></li>
        <li class="nav_r"><a href="help.html"  target="_self">制作说明</a></li>
      </ul>
    </div>
  </div>
</div>
<!-- 头部结束 -->
<!-- banner开始 -->
<div class="banner">
	<div class="news-bg" style="background:url(images/banner1.jpg) no-repeat center bottom;"></div>
</div>
<!-- banner结束 -->
<!-- main开始 -->
<div class="main">	
	<div class="service">
		<div class="map-content">
			<p class="p1">设计背景</p>
		</div>
		<div class="map-info">
			<p>“美好乡村板石岭”专题旅游网页是为参加南陵县“天工杯”第三届职业技能大赛商务网页设计竞赛的初赛作品。</p>
			<p>选择板石岭为主题，是因为我家离这很近。</p>
			<p>页面中所使用大部分照片，是本人于2016年10月5日在板石岭拍摄。</p>
			<P>
			</P>
		</div>
		<div class="map-content">
			<p class="p2">技术应用</p>
		</div>
		<div class="map-info">
			<p>页面技术：Html5 / Css3 / Javascript</p>
			<p>页面编码：UTF8</p>
			<p>兼容支持：IE8+ / Chrome / Firefox / Safari</p>
			<p>使用软件：Sublime text 3</p>
			<p>图片处理：Photoshop CC</p>
			<p>插件使用：jQuery / jQuery Ui /</p>
			<p>照片拍摄：小米手机4S</p>
			<p>页面内容：首页 / 介绍页 / 列表页 / 正文页 / 图片列表页 / 图片展示页</p>
		</div>
		<div class="map-content">
			<p class="p3">相关说明</p>
		</div>
		<div class="map-info">
			<p>|- CSS/  网页样式目录</p>
			<p>|- images/  见面图片目录</p>
			<p>|- js/  JavaScript文件目录</p>
			<p>|- product/  特产特色图片目录</p>
			<p>|- about.html  走进板石岭页面</p>
			<p>|- help.html  设计制作说明页面</p>
			<p>|- index.html  站点首页</p>
			<p>|- news.html  旅游动态列表页</p>
			<p>|- show.html  旅游动态内容页</p>
			<p>|- show2.html  旅游动态内容页</p>
			<p>|- show3.html  旅游动态内容页</p>
			<p>|- product.html  特产特色列表页</p>
			<p>|- product_1.html  特产特色内容页</p>
			<p>|- product_2.html  特产特色内容页</p>
			<p>|- product_3.html  特产特色内容页</p>

			<p>· 旅游动态中所使用三篇文章及图片，来自南陵政府网、新浪博客等。</p>

		</div>
		<div class="map-content">
			<p class="p4">作者信息</p>
		</div>
		<div class="map-info">
			<p>工作单位：南陵县籍山镇中心小学城西校区</p>
			<p>联系邮箱：29350745@qq.com (童)</p>
		</div>
	</div>
</div>
<!-- main结束 -->
<!-- 底部开始 -->
<div class="footer" id="top">
  <div class="footer-bottom"> 版权所有 &copy; 2016 南陵县“天工杯”第三届职业技能大赛商务网页设计竞赛的初赛作品 （设计制作：童小弟） </div>
</div>
<!-- 底部结束 -->
<div id="share"><a id="a1">返回顶部</a></div>
<script>
//scrolltotop
$(function(){
    //首先将#back-to-top隐藏
    $("#a1").hide();
    //当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失
    $(function () {
        $(window).scroll(function(){
            if ($(window).scrollTop()>100){
                $("#a1").fadeIn();
            }
            else
            {
                $("#a1").fadeOut();
            }
        });
        //当点击跳转链接后，回到页面顶部位置
        $("#a1").click(function(){
            $('body,html').animate({scrollTop:0},500);
            return false;
        });
    });
}); 
</script>
</body>
</html>